<template>
  <div id="ArticleType"> 
    <TopNav></TopNav>
    <BacImg></BacImg>
    <div class="container">
        <TypeContainer></TypeContainer>
    </div>
    <Footer></Footer>
  </div>
</template>

<script>
import BacImg from '../components/common/BacImg.vue'
import TopNav from '../components/common/TopNav.vue'
import Footer from '../components/common/Footer.vue'
import TypeContainer from '../components/articleType/TypeContainer.vue'

export default {
    name: "ArticleType",
    components: {
        BacImg,
        TopNav,
        Footer,
        TypeContainer
    }
}
</script>

<style scoped>
#ArticleType {
  width: 100%;
  position: relative;
  z-index: 1;
}

.container {
    display: flex;
    justify-content: center;
}
</style>